<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/paginas/template/template.xhtml">
	<ui:define name="body">
		<h:form>


			<p:panelGrid columns="2">

				<h:outputLabel for="codigoCidade" value="Codigo" />
				<p:inputText id="codigoCidade"
					value="#{cidadeControl.cidade.codigo}" label="Codigo" />

				<h:outputLabel for="descricaoCidade" value="Descrição" />
				<p:inputText id="descricaoCidade"
					value="#{cidadeControl.cidade.descricao}" label="Descrição" />

				<p:commandButton value="Pesquisar"
					action="#{cidadeControl.pesquisar}" update="tabelaCidade" />
				<p:commandButton value="Novo" ajax="false" immediate="true"
					action="/paginas/configuracao/cidade/cidadeFormulario.xhtml" />
			</p:panelGrid>

			<p:dataTable value="#{cidadeControl.listCidade}" var="item"
				selection="#{cidadeControl.cidade}" id="tabelaCidade"
				selectionMode="single">
				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Codigo" />
					</f:facet>
					<h:outputText value="#{item.codigo}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="Descrição" />
					</f:facet>
					<h:outputText value="#{item.descricao}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="Estado" />
					</f:facet>
					<h:outputText value="#{item.estado.descricao}" />
				</p:column>				
				<p:column>
					<f:facet name="header">
						<h:outputText value="Opções" />
					</f:facet>
					<h:commandButton value="Exluir" action="#{cidadeControl.deletaCidade}" icon="ui-icon-trash" update="tabelaCidade">
					  <f:setPropertyActionListener value="#{item.codigo}" target="#{cidadeControl.cidade.codigo}" />
					</h:commandButton>
				</p:column>

				<f:facet name="footer">
					<p:commandButton id="viewButton" value="View" icon="ui-icon-search"
						action="/paginas/configuracao/cidade/cidadeFormulario.xhtml" ajax="false" />
				</f:facet>
			</p:dataTable>

		</h:form>
	</ui:define>

</ui:composition>
</html>